.page-mark-map {
  background-color: #ffffff;
  border-radius: 20px
  margin: 20px 10px 20px 0
  //height 100vh

  .inner {
    display: flex;

    .mark-map-box {
      margin 10px
      background-color #e5e8ed
      border 0px solid #454545
      min-width 300px
      max-width 300px
      padding 10px
      border-radius 10px
      color #000000;
      font-size 14px

      h2 {
        font-weight: bold;
        font-size 20px
        text-align center
        color #eb3160
      }

      // 隐藏滚动条
      ::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent;
      }

      .mark-map-params {
        margin-top 10px
        overflow auto


        .param-line {
          padding 10px

          .el-button {
            width 100%

            span {
              color #2D3A4B
            }
          }

        }

        .text-info {
          padding 10px

          .el-tag {
            margin-right 10px
          }
        }
      }
    }

    .el-form {
      .el-form-item__label {
        color #ffffff
      }
    }

    .right-box {
      width 100%

      .top-bar {
        display flex
        justify-content space-between
        align-items center

        h2 {
          margin-left: auto;
          margin-right: auto;
          color #000000
        }

        .el-button {
          margin-right 20px
        }
      }

      .markdown {
        color #000000
        display flex
        justify-content center
        align-items center

        h1 {
          color: #47fff1;
        }

        h2 {
          color: #ffcc00;
        }

        ul {
          list-style-type: disc;
          margin-left: 20px;

          li {
            line-height 1.5
          }
        }

        strong {
          font-weight: bold;
        }

        em {
          font-style: italic;
        }
      }

      .body {
        display flex
        justify-content center
        align-items center
        position relative

        .markmap {
          width 100%
          color #000000
          font-size 12px

          .markmap-foreign {
            //height 30px
          }
        }

        #toolbar {
          position: absolute
          bottom: 10px
          right: 20px

          .mm-toolbar {
            display flex
            flex-flow row

            .mm-toolbar-brand {
              display none
            }

            .mm-toolbar-item {
              cursor pointer
              color #000000
            }
          }

        }
      }
    }
  }
}

